
root {
    display: block;
}

body{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#container{
    margin:30px;
    width:1024px;
    height:768px;
    margin-left: auto;
    margin-right:auto;
    border: 1px solid #E6E6E6;
}

#menuBar{
    border-bottom: 1px solid #E6E6E6;
    padding-left:0px;
    text-align: left;
    width:1024px;
    height:40px;
    background-color:#666666;
}
#logoBar{
    width:140px;
    height:35px;
    font-size: 22px;
    color: #FFFFFF;
    background-color: #666666;
    font-weight: bold;
    padding-top: 5px;
    border-right: 1px solid #E6E6E6;
}
#logoBar span{
    font-size: 26px;
    color: #FFFFFF;
}
#logoutBox:hover{
    cursor: pointer;
}

#menuBar ul
{
    border: 0;
    margin: 0;
    padding:0;
    list-style-type: none;
    text-align: center;
}

#menuBar ul li
{
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

#menuBar ul li a
{
    width: 80px;
    height: 20px;
    border-right: 1px solid #E6E6E6;
    padding: 10px;
    margin: 0 0 10px 0;
    color: #CCCCCC;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color:#666666;
}
#menuBar ul li a:hover
{
    color:#FFCC00;
    /*  background: #999999;*/
}

#menuBar a:active
{
    background: #999999;
    color:#FFCC00;
}

#menuBar li#active a
{
    /* background: #999999;*/
    color:#FFCC00;
}

#loginBar{
    float: right;
    text-align: left;
    width:140px;
    height:30px;
    padding-top: 10px;
    background-color: #666666;
    color: #FFFFFF;
}
#contentContainer{
    border: 1px solid #E6E6E6;
    text-align: left;
    margin-top: 50px;
    margin-left: auto;
    margin-right:auto;
    width:924px;
    height:628px;
}
#content{
    padding-left:0px;
    text-align: left;
    width:1024px;
    height:728px;
    background-color:#666666;
}
#innerContent{
    width:974px;
    height:703px;
    background-color:#739fd9;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

/*CRM*/

#topHeader{
    float:left;
    width:974px;
    color:#FFFFFF;
    font-size: 16px;
    text-align: center;
    border-bottom:1px solid #FFFFFF;
}
#topHeaderItemLeft{
    width:50px;
    height:20px;
    margin-left: 15px;
    color:#FFFFFF;
    font-size: 14px;
    text-align: left;
    float:left;
    border-right:1px solid #FFFFFF;
}
#topHeaderItemRight{
    width:80px;
    margin-top: 5px;
    margin-right: 15px;
    height:20px;
    color:#FFFFFF;
    font-size: 10px;
    text-align: right;
    float:right;
}
#iContainer{
    width:974px;
    float:left;
}

#topContainer{
    width:934px;
    height:650px;
    margin-left: auto;
    margin-right:auto;
    background-color:#E7E7E7;
    padding-top:10px;
}
#borderContainer{
    width:904px;
     height:635px;
    margin-left: auto;
    margin-right:auto;
    border:1px solid #ffffff;

}


#topNavBar{

    height:20px;
    border-bottom:1px solid #FFFFFF;
    margin-bottom:4px;
}
#middleNavBar{

    height:20px;
}

#navBar{
    height: 18px;
    float:left;
}
#navBar a{
    font-weight: bold;
}
.navBarItem{
    background-image: url(../Images/paperIconBlack1.png);
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #0033cc;
    float:left;
    margin-left: 15px;
    cursor: pointer;
}
.navBarItem a:hover,.active{
    color: #ff0000;
}

#bottomNavBar{
    border-top:1px solid #FFFFFF;
    height:20px;
    margin-top:3px;
}

#headingBar{
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
    height:25px;
    padding-top:5px;
    color:#FFFFFF;
    font-size: 16px;
    background-color:#739fd9;
}




